/*
 * @Description: 为了配合UI设计做的定制化的样式表文件
 * @Author: youzi
 * @Date: 2019-09-04 16:07:18
 * @LastEditors: youzi
 * @LastEditTime: 2020-07-28 09:29:31
 */
// 使用时复制下一行到style里面即可，注意lang="less"
// @import '~utils/main-design';

/* 以下是自定义的一些less变量 */
@modal-border-radius: 10px;
/* 自定义modal的边框弧度 */
@table-header-font-weight: bold;
/* 全局table的表头字体加粗 */
@primary-color: #4f8af7;
@base-height: 24;
@base-rem: 16;

/* icon设定宽，在IE下不设置宽度会出现样式bug */
@base-icon-width: 18px;

/* 表格列间距 */
@base-table-th-td-padding: 10px;

body {
  // font-family: 'SourceHanSansCNRegular' !important;
  font-size: 16px;
  background-color: #f0f2f5;
}

.negative-btn-border {
  border-color: #95a1c0 !important;
  color: #fff !important;
}

.negative-btn {
  background-color: #95a1c0 !important;
  .negative-btn-border;

  &:hover {
    background-color: #818ba6 !important;
    .negative-btn-border;
  }

  &:active {
    background-color: #66749a !important;
    .negative-btn-border;
  }

  &:focus {
    background-color: #818ba6 !important;
    .negative-btn-border;
  }
}

/**
 * 针对使用#components-form-advanced-search的搜索框的改动，缩小了input控件
 * @author: youzi
 * @Date: 2019-10-17 19:28:05
 */
.serch-view-component-height {
  height: 24px;
}

.ant-advanced-search-form {
  padding: 0px;
}

#components-form-advanced-search {
  .ant-col-8 {
    .serch-view-component-height;
    margin-bottom: 10px;
    line-height: 35px;
  }

  .ant-input {
    .serch-view-component-height;
  }

  .smaller-btn {
    .serch-view-component-height;
  }
}

/**
 * 修改新增时左侧tabs的文字排列
 * @author: youzi
 * @Date: 2019-10-17 17:47:08
 */
.add-sider-tabs {
  .ant-tabs-left-bar .ant-tabs-tab {
    text-align: left !important;
  }
}

/* .ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: left !important;
} */

/**
 * tabs-bar下边框改为白色 
 * @author: youzi
 * @Date: 2019-10-14 17:10:58
 */
.ant-tabs-bar {
  border-bottom: 1px solid #e8e8e8;
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab {
  border: 1px solid #ffffff;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: #ffffff;
  line-height: 36px;
}

.ant-tabs.ant-tabs-card>.ant-tabs-bar .ant-tabs-tab-active {
  border: 1px solid #e8e8e8;
  border-bottom: 0;
  background: #fff;
  border-color: #e8e8e8;
  color: @primary-color;
}

/**
 * ant-table统一行高为36px
 * @author: youzi
 * @Date: 2019-10-15 15:54:33
 */
.ant-table-tbody>tr>td {
  border-bottom: 1px solid #e8e8e8;
  line-height: 34px;
  padding: 0;
  padding-left: @base-table-th-td-padding;
  word-break: break-word;
}

.ant-table-thead>tr>th {
  line-height: 34px;
  padding: 0;
  padding-left: @base-table-th-td-padding;
  background-color: #f6f8fc !important;
  // background: #fafafa;
  color: rgba(0, 0, 0, 0.85);
  border-bottom: 1px solid #e8e8e8;
  font-weight: @table-header-font-weight;
}

.ant-table-wrapper {
  border: 1px solid #edeff4;
  border-radius: 3px;
}

/* .ant-table table {
  border: 1px solid #e8e8e8;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 6px;
} */

/**
 * 修改全局btn的高度 
 * @author: youzi
 * @Date: 2019-10-18 15:02:37
 */
.ant-btn {
  height: (@base-height / @base-rem) * 1rem;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  color: rgba(0, 0, 0, 0.65);
}

.ant-btn-primary {
  color: #fff;
  background-color: @primary-color;
  border-color: @primary-color;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.035);
}

/**
 * ant-modal-footer 底部的padding扩大
 * @author: youzi
 * @Date: 2019-10-16 10:38:33
 */
.ant-modal-footer {
  padding: 16px;
  border-top: 0;
  border-radius: 0 0 @modal-border-radius @modal-border-radius;
  text-align: center;
}

/**
 * @desc: 分页器居中显示
 * @author: youzi
 * @Date: 2020-05-15 16:03:08
 */
.ant-table-pagination.ant-pagination {
  float: none;
  text-align: center;
}

/**
 * @desc: 小图标，固定宽度为18px
 * @author: youzi
 */
i.anticon {
  width: @base-icon-width  !important;
}